import 'package:flutter/material.dart';
import 'package:flutter_custom_bottom_tab_bar/tabbar.dart';
import 'package:flutter_custom_bottom_tab_bar/eachtab.dart';
import 'package:panda/base/application.dart';
import 'package:panda/order/AllOrderPageVip.dart';
import 'dart:ui';
import '../base/Constant.dart';
import 'AllOrderPage.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class OrderVipPage extends StatefulWidget {
  int index = 0;
  OrderVipPage({Key key, this.index}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return new OrderView();
  }
}

class OrderView extends State<OrderVipPage> with SingleTickerProviderStateMixin {
  TabController _tabController;
  String badgeNo1;
  var titles = ['全部', '待付款', '待发货', '待收货', '已完成'];

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    _tabController = new TabController(
        vsync: this,
        initialIndex: widget.index == null ? 0 : widget.index,
        length: titles.length);
    badgeNo1 = '12';
  }

  @override
  void dispose() {
    _tabController.dispose();
    if (APPLIC.HH == 1) {
      Navigator.of(context).pop();
      Navigator.of(context).pop();
      APPLIC.HH = 0;
    }
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final size = MediaQuery.of(context).size;
    ScreenUtil.instance = ScreenUtil(width: 750, height: 1334)..init(context);
    final width = size.width;
    return Scaffold(
      appBar: PreferredSize(
        child: AppBar(
          brightness: Brightness.light,
          backgroundColor: white,
          elevation: 0,
        ),
        preferredSize: Size.fromHeight(0),
      ),
      // // appBar: AppBar(
      // //     title: Text(
      // //       '我的订单',
      // //       style: TextStyle(
      // //           color: black,
      // //           fontSize: ScreenUtil.getInstance().setSp(BIG_FONT_SIZE)),
      // //     ),
      // //     elevation: 0.5,
      // //     backgroundColor: white,
      // //     iconTheme: new IconThemeData(color: black_99),
      // //     brightness: Brightness.light,
      //     bottom: TabContainer(
      //         // alignment: Alignment.center,
      //         color: Colors.white,
      //         child: Stack(
      //           overflow: Overflow.clip,
      //           children: <Widget>[
      //             Container(
      //               child: new TabBar(
      //                 isScrollable: true,
      //                 controller: _tabController,
      //                 indicatorColor: mainColor,
      //                 labelColor: mainColor
      //                 labelPadding: EdgeInsets.all(0),
      //                 unselectedLabelColor: Colors.black,
      //                 tabs: <Widget>[
      //                   EachTab(
      //                     text: titles[0],
      //                     textStyle: TextStyle(
      //                         fontSize: ScreenUtil.getInstance()
      //                             .setSp(NORMAL_FONT_SIZE - 2)),
      //                   ),
      //                   EachTab(
      //                     text: titles[1],
      //                     textStyle: TextStyle(
      //                         fontSize: ScreenUtil.getInstance()
      //                             .setSp(NORMAL_FONT_SIZE - 2)),
      //                   ),
      //                   EachTab(
      //                     text: titles[2],
      //                     textStyle: TextStyle(
      //                         fontSize: ScreenUtil.getInstance()
      //                             .setSp(NORMAL_FONT_SIZE - 2)),
      //                   ),
      //                   new EachTab(
      //                     text: titles[3],
      //                     textStyle: TextStyle(
      //                         fontSize: ScreenUtil.getInstance()
      //                             .setSp(NORMAL_FONT_SIZE - 2)),
      //                   ),
      //                   // new EachTab(
      //                   //   text: titles[4],
      //                   //   textStyle: TextStyle(
      //                   //       fontSize: ScreenUtil.getInstance()
      //                   //           .setSp(NORMAL_FONT_SIZE - 2)),
      //                   // ),
      //                   //  EachTab(
      //                   //   text: titles[5],
      //                   //   textStyle: TextStyle(
      //                   //       fontSize: ScreenUtil.getInstance()
      //                   //           .setSp(NORMAL_FONT_SIZE - 2)),
      //                   // ),
      //                   // new EachTab(
      //                   //   text: titles[6],
      //                   //   textStyle: TextStyle(
      //                   //       fontSize: ScreenUtil.getInstance()
      //                   //           .setSp(NORMAL_FONT_SIZE - 2)),
      //                   // ),
      //                   //  EachTab(
      //                   //   text: titles[7],
      //                   //   textStyle: TextStyle(
      //                   //       fontSize: ScreenUtil.getInstance()
      //                   //           .setSp(NORMAL_FONT_SIZE - 2)),
      //                   // ),
      //                   // new EachTab(
      //                   //   width: width / 5,
      //                   //   text: titles[4],
      //                   //   textStyle: TextStyle(
      //                   //       fontSize: ScreenUtil.getInstance().setSp(NORMAL_FONT_SIZE)),
      //                   // ),
      //                 ],
      //               ),
      //             ),
      // //           ],
      // //         ))),
      body: Column(
        children: <Widget>[
          Row(children: <Widget>[
            Expanded(
                flex: 1,
                child: GestureDetector(
                    child: Container(
                      color: white,
                      child: Icon(
                        Icons.arrow_back_ios,
                      ),
                      padding: EdgeInsets.all(10),
                    ),
                    onTap: () {
                      Navigator.of(context).pop();
                    })),
            TabContainer(
                // alignment: Alignment.center,
                color: Colors.white,
                child: Stack(overflow: Overflow.clip, children: <Widget>[
                  Container(
                      child: new TabBar(
                    isScrollable: true,
                    controller: _tabController,
                    indicatorColor: mainColor,
                    labelColor: mainColor,
                    labelPadding: EdgeInsets.all(0),
                    unselectedLabelColor: Colors.black,
                    tabs: <Widget>[
                      EachTab(
                        text: titles[0],
                        textStyle: TextStyle(
                            fontSize: ScreenUtil.getInstance()
                                .setSp(NORMAL_FONT_SIZE - 2)),
                      ),
                      EachTab(
                        text: titles[1],
                        textStyle: TextStyle(
                            fontSize: ScreenUtil.getInstance()
                                .setSp(NORMAL_FONT_SIZE - 2)),
                      ),
                      EachTab(
                        text: titles[2],
                        textStyle: TextStyle(
                            fontSize: ScreenUtil.getInstance()
                                .setSp(NORMAL_FONT_SIZE - 2)),
                      ),
                      new EachTab(
                        text: titles[3],
                        textStyle: TextStyle(
                            fontSize: ScreenUtil.getInstance()
                                .setSp(NORMAL_FONT_SIZE - 2)),
                      ),
                      EachTab(
                        text: titles[4],
                        textStyle: TextStyle(
                            fontSize: ScreenUtil.getInstance()
                                .setSp(NORMAL_FONT_SIZE - 2)),
                      ),
                    ],
                  ))
                ])),
            Expanded(
                flex: 1,
                child: Container(
                  color: white,
                  height: 48,
                )),
          ]),
          Expanded(
              child: TabBarView(controller: _tabController, children: <Widget>[
            Center(
                child: new AllOrderVipPage(
              type: 0,
            )),
            Center(
                child: new AllOrderVipPage(
              type: 1,
            )),
            Center(
                child: AllOrderVipPage(
              type: 2,
            )),
            Center(
                child: AllOrderVipPage(
              type: 3,
            )),
            Center(
                child: AllOrderVipPage(
              type: 4,
            )),
            //  Center(
            //     child: AllOrderPage(
            //   type: 6,
            // )),
            //  Center(
            //     child: AllOrderPage(
            //   type: 7,
            // )),
            //  Center(
            //     child: AllOrderPage(
            //   type: 8,
            // )),
            // Center(
            //     child: AllOrder2Page(
            //   type: 5,
            // )),
            // Center(child: AllOrderPage(type: 9,)),
          ]))
        ],
      ),
    );
  }
}
